<ion-header>
  <ion-toolbar color="secondary">
    <ion-title>
      绑定手机号
    </ion-title>
    <ion-buttons end (click)="close()">
      <button ion-button icon-only>
        <ion-icon name="close"></ion-icon>
      </button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <div class="phoneWrapper">
    <div class="phone">
      <div class="phone-pass">
        <div>
          <img src="../../assets/images/phone.png">
        </div>
        <div>
          <input type="tel" maxlength="11" placeholder="请输入手机号码" [(ngModel)]="phoneNum">
        </div>
      </div>
      <div class="phone-pass">
        <div>
          <img src="../../assets/images/password.png">
        </div>
        <div>
          <input type="tel" maxlength="4" placeholder="请输入验证码" [(ngModel)]="code">
        </div>
        <div (click)="getAuthCode(phoneNum)">
          <span [ngClass]="{'authCode': true, 'touchCode': touchCode}">{{codeText}}</span>
        </div>
      </div>
      <div class="bingBtn" (click)="bindPhone()">绑定</div>
    </div>
  </div>
</ion-content>
